React Native

4 posts

Vibe coder 的 React Native App Lifecycle 指南

你的应用在 dev 里一切正常,但用户午休后回来却看到白屏。这里是正确处理原生 lifecycle 的 resume status 模式。

你在 Cursor 里做了一个漂亮的 Expo app。Claude Code 生成了 auth flow、dashboard 和 settings screen。你把它发出去了。用户也下载了。然后私信开始出现。 “为什么我午休后再打开就是白屏?” “为什么我每天早上都得重新登录?” “我从 Instagram…

为什么你的 Vibe-coded React Native app 会在启动时崩掉

如果 optional SDK 按照 core infrastructure 的方式初始化,它们完全可以在启动时把 app 一起带崩。下面解释这套 dependency tier system 如何避免非关键工具拖垮 production。

Vibe-coded mobile app 里一个很常见的 launch failure 是:analytics、attribution、crash reporting 和真正 critical 的 service 被放在同一条初始化路径上。如果这些 optional SDK 里有一个在某个 device 或某种…

为什么 Cursor + NativeWind 的 Vibe coding 会在规模上把 React Native app 拖垮

你用 Cursor 一个周末就做出了 MVP,但现在改一个 brand color 都会波及 47 个文件。这里是能止血的 styling contract。

你打开 Cursor,敲下一段 prompt,看着 Claude Code 在几秒内生成一整套 React Native UI。Flex layout、圆角 button、color theme,第一次就能跑起来。你把它发到 TestFlight。用户开始下载。这是第一周的故事。 到了第六周,你只是想改一个…

Cursor 和 Claude Code 是怎么毁掉你的 React Native architecture 的

AI 生成的 auth 看起来没问题,直到一个新 feature 把手伸进了错误的 service。下面解释这套 interface-driven architecture 如何避免 vendor swap 和功能迭代把 login 一起打坏。

Vibe-coded React Native app 里一个反复出现的 failure mode 是:新 feature 直接 import 现有 service,伸手去改不属于自己的 state,然后把无关的 flow 一起打坏。auth 很容易成为受害者,因为它往往会变成所有人的 shared…